<template>
  <v-col>
    <div class="inputArea">
      <span class="labelName">{{ labelName }}</span>
      <v-text-field
        :v-model="modelname[flag]"
        hide-details="auto"
        denseoutlined
        solo
        dense
        color="red"
        clearable
        required
      ></v-text-field>
    </div>
  </v-col>
  <!-- <v-col>
    <div class="inputArea">
      <span class="labelName">文件标题</span>
      <v-text-field
        v-model="form.fileNo"
        :rules="nameRules"
        hide-details="auto"
        denseoutlined
        solo
        dense
        color="red"
        clearable
        required
      ></v-text-field>
    </div>
  </v-col> -->
</template>

<script>
export default {
  props: {
    labelName: {
      default: "",
      type: String,
    },
    nameRules: {
      default: function () {
        return [];
      },
      type: Array,
    },
    modelname: {
      defaultfunction() {
        return {};
      },
      type: Object,
    },
    flag: {
      default: "firstname",
      type: String,
    },
  },
  mounted() {
    console.log(this.modelname[this.flag]);
  },
};
</script>

<style>
</style>